
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <script src="three.min.js"></script>
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie/v8.css" />
    <![endif]-->
    <style type="text/css">
    html,body{ margin:0px; width:97%;height:97%;background-color: #000;  } 
    #cha_earth canvas {
        background: none;
    }
    #charity-main {
    		height:100%; 
		    background: url(charity_top.png) no-repeat center top;
		}
		.cha_earth {
				height:100%;
				width: 100%; 
				padding: 8px;  
		    /*height: 800px;     background: url(../images/cha_earth.jpg) no-repeat center top !important;  */
		}
    </style>
</head>

<body class="landing">
    <div id="charity-main">
            <section class="cha_earth" id="earth">
            </section>
    </div>
    <script src="earth.js"></script>
</body>

</html>
